<div class="designated-order" [ngStyle]="tagData.cssStyle | styleFilter">
    <p *ngIf="tagData.data?.title" [ngStyle]="tagData.data?.titleCssStyle | styleFilter">{{tagData.data?.title}}</p>
    <ng-container *ngFor="let item of tagData.data?.data;let i = index;">
        <div class="data" [ngStyle]="item.boxCssStyle | styleFilter" [ngClass]="{'hiddenBorder': (tagData.data?.data.length - 1) === i}">
            <p class="first" appDebounceClick (debounceClick)="go(item, $event)">
                <img *ngIf="item.firstRowLeft?.firstText?.img" [ngStyle]="item.firstRowLeft?.firstText?.imgCssStyle | styleFilter"
                    [src]="item.firstRowLeft?.firstText?.img" />
                <span class="first-label" [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.firstRowLeft?.firstText?.label}}</span>
                <span [ngStyle]="item.firstRowLeft?.firstText?.valueCssStyle | styleFilter" *ngIf="item.firstRowLeft?.firstText?.value">
                    <img *ngIf="item.firstRowLeft?.firstText?.icon" [ngStyle]="item.firstRowLeft?.firstText?.iconCssStyle | styleFilter"
                        [src]="item.firstRowLeft?.firstText?.icon" />{{item.firstRowLeft?.firstText?.value}}</span>
            </p>
            <div *ngIf="item.secondRowLeft" class="second" [ngStyle]="item.secondRowLeft?.box?.cssStyle | styleFilter" appDebounceClick (debounceClick)="go(item, $event)">
                <img class="second-img" *ngIf="item.secondRowLeft?.firstText?.img !== undefined" [src]="item.secondRowLeft?.firstText.img" onerror="this.src='assets/img/default_img.png'">

                <div class="second-rightContent" *ngIf="item.secondRowLeft?.secondText || item.secondRowLeft?.thirdText">

                    <div *ngIf="item.secondRowLeft?.secondText" class="second-secondText" [ngStyle]="item.secondRowLeft?.secondText?.contentCssStyle | styleFilter">
                        <div>
                            <span class="data-label" [ngStyle]="item.secondRowLeft.secondText.cssStyle | styleFilter">{{item.secondRowLeft.secondText.label}}</span>
                            <span class="data-value" [ngStyle]="item.secondRowLeft.secondText.valueCssStyle | styleFilter">{{item.secondRowLeft.secondText.value}}</span>
                        </div>
                        <div>
                            <span class="data-label" [ngStyle]="item.secondRowLeft.secondText.label2CssStyle | styleFilter">{{item.secondRowLeft.secondText.label2}}</span>
                            <span class="data-value" [ngStyle]="item.secondRowLeft.secondText.value2CssStyle | styleFilter">{{item.secondRowLeft.secondText.value2}}</span>
                        </div>
                        <div>
                            <span class="data-label" [ngStyle]="item.secondRowLeft.secondText.label3CssStyle | styleFilter">{{item.secondRowLeft.secondText.label3}}</span>
                            <span class="data-value" [ngStyle]="item.secondRowLeft.secondText.value3CssStyle | styleFilter">{{item.secondRowLeft.secondText.value3}}</span>
                        </div>
                    </div>
                    <div class="line" *ngIf="item.secondRowLeft?.secondText && item.secondRowLeft?.thirdText"></div>
                    <div *ngIf="item.secondRowLeft?.thirdText" class="second-thirdText" [ngStyle]="item.secondRowLeft?.thirdText?.contentCssStyle | styleFilter">
                        <div>
                            <span class="data-label" [ngStyle]="item.secondRowLeft.thirdText.cssStyle | styleFilter">{{item.secondRowLeft.thirdText.label}}</span>
                            <span class="data-value" [ngStyle]="item.secondRowLeft.thirdText.valueCssStyle | styleFilter">{{item.secondRowLeft.thirdText.value}}</span>
                        </div>
                        <div>
                            <span class="data-label" [ngStyle]="item.secondRowLeft.thirdText.label2CssStyle | styleFilter">{{item.secondRowLeft.thirdText.label2}}</span>
                            <span class="data-value" [ngStyle]="item.secondRowLeft.thirdText.value2CssStyle | styleFilter">{{item.secondRowLeft.thirdText.value2}}</span>
                        </div>
                        <div>
                            <span class="data-label" [ngStyle]="item.secondRowLeft.thirdText.label3CssStyle | styleFilter">{{item.secondRowLeft.thirdText.label3}}</span>
                            <span class="data-value" [ngStyle]="item.secondRowLeft.thirdText.value3CssStyle | styleFilter">{{item.secondRowLeft.thirdText.value3}}</span>
                        </div>
                    </div>

                </div>

            </div>
            <p class="third" *ngIf="item.thirdRowLeft" [ngStyle]="item.fourthRowLeft?.box?.cssStyle | styleFilter">
                <span [ngStyle]="item.thirdRowLeft.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft.firstText?.label}}</span>
                <span [ngStyle]="item.thirdRowLeft.secondText?.cssStyle | styleFilter">{{item.thirdRowLeft.secondText?.label}}</span>
            </p>
            <div *ngIf="item.fourthRowLeft" class="fourth" [ngStyle]="item.fourthRowLeft?.box?.cssStyle | styleFilter">
                <span class="fourth-label" [ngStyle]="item.fourthRowLeft.firstText?.cssStyle | styleFilter">{{item.fourthRowLeft.firstText?.label}}</span>
                <div class="fourth-right">
                    <img class="fourth-btnIcon" *ngIf="item.fourthRowLeft?.secondText?.imgUrl" [src]="item.fourthRowLeft?.secondText?.imgUrl"
                        [ngStyle]="item.fourthRowLeft?.secondText?.cssStyle|styleFilter"
                        appDebounceClick (debounceClick)="go(item.fourthRowLeft?.secondText,$event)" />
                    <img class="fourth-btnIcon" *ngIf="item.fourthRowLeft?.thirdText?.imgUrl" [src]="item.fourthRowLeft?.thirdText?.imgUrl"
                        [ngStyle]="item.fourthRowLeft?.thirdText?.cssStyle|styleFilter"
                        appDebounceClick (debounceClick)="go(item.fourthRowLeft?.thirdText,$event)" />
                    <span *ngIf="item.fourthRowLeft?.fourthText?.label" class="fourth-btnText"
                        [ngStyle]="item.fourthRowLeft?.fourthText?.cssStyle|styleFilter"
                        appDebounceClick (debounceClick)="go(item.fourthRowLeft?.fourthText,$event)">{{item.fourthRowLeft?.fourthText?.label}}</span>

                    <!-- 有文本描述 加 图标 -->
                    <span *ngIf="item.fourthRowLeft?.fifthText?.label" class="fourth-imgText" [ngStyle]="item.fourthRowLeft?.fifthText?.cssStyle|styleFilter" 
                        appDebounceClick (debounceClick)="go(item.fourthRowLeft?.fifthText,$event)">{{item.fourthRowLeft?.fifthText?.label}}
                        <img *ngIf="item.fourthRowLeft?.fifthText?.imgUrl" [ngStyle]="item.fourthRowLeft?.fifthText?.imgCssStyle|styleFilter" [src]="item.fourthRowLeft?.fifthText?.imgUrl">
                    </span>
                    <span *ngIf="item.fourthRowLeft?.sixthText?.label" class="fourth-imgText"[ngStyle]="item.fourthRowLeft?.sixthText?.cssStyle|styleFilter" 
                        appDebounceClick (debounceClick)="go(item.fourthRowLeft?.sixthText,$event)">{{item.fourthRowLeft?.sixthText?.label}}
                        <img *ngIf="item.fourthRowLeft?.sixthText?.imgUrl" [ngStyle]="item.fourthRowLeft?.sixthText?.imgCssStyle|styleFilter" [src]="item.fourthRowLeft?.sixthText?.imgUrl">
                    </span>
                </div>
            </div>
        </div>
    </ng-container>
</div>

<p class="noData" *ngIf="!tagData.data.data || tagData.data.data.length === 0" [ngStyle]="tagData.hintCssStyle | styleFilter">
    {{emptyDataHint}}
</p>
<ion-infinite-scroll *ngIf="showLoadMore" threshold="5%" (ionInfinite)="loadMoreData($event)">
    <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
</ion-infinite-scroll>